<!DOCTYPE html>

<html>
<head>
  <title>Options</title>
  <link href="options.css" rel="stylesheet" type="text/css">
  <link href="main.css" rel="stylesheet" type="text/css">
  <script src="options.js"></script>
</head>

<body id="mainbody">
<h1 class="icon-label"><img src="icon96.png" class="logo" />Password Mojo (Beta)</h1>

<section id="section1">
  <h2>Fingerprint data</h2>

  <div class="no-non-local-hosts">
    <span id="step1" class="stepnumber box-spacer host-list-label" hidden>&#9312;</span>
<span class="box-spacer host-list-label">This is used like a master key.
It can be a passphrase you type or you can generate one automatically.<br/><br/>
If two computer use the same Fingerprint and usernames (below), then they generate the same passwords.
No need for a server or syncing over the network.<br/><br/>
Make a backup of this fingerprint by saving it somewhere after you've generated it.<br/><br/></span>
  </div>

<span class="accountitem">
<input type="text" name="fingerprint" class="fingerprintarea" id="datafingerprint" placeholder=" Type a passphrase or click Generate" maxlength="256">
<img class="buttonsmall" src="done_button.png" id="savefingerprint" title="Save the fingerprint.">
<img class="buttonsmall" src="close_button.png" id="resetfingerprint" title="Clear the fingerprint and start over.">
</span>

  <div class="bottombuttonspacing">
    <button id="generatefingerprint" type="button" title="You can think of your own phrase or generate a random fingerprint.">
      <img id="generatefingerprintbtnicon" src="add_button.png" class="buttonicon"> Generate new fingerprint... </button>

      <button id="hidefingerprint" type="button" title="You can permanently hide your fingerprint. Just make sure to remember it!">
        <img id="hidefingerprinticon" src="hide_button.png" class="buttonicon"> Hide fingerprint... </button>
    </div>

  <div class="alignright"><a id="helplink" href="http://www.passwordmojo.net/p/fingerprint-help.html" title="See more help">help</a></div>
</section>


<section id="section2">
  <h2>Usernames / emails / account names</h2>
  <span id="step2" class="stepnumber box-spacer host-list-label" hidden>&#9313;</span>
 <span class="box-spacer host-list-label">
   You need to add at least one username or email address. This information is used to generate better passwords.
   It can be anything you like, even a label like "more secure".
   Like all data in this extension, it is only saved locally to your computer and is never uploaded.
  <br/><br/>
  Each entry generates a different password for the same site. <br/><br/>
  Upper/lower case matters if used across multiple computers.</span>
  <table id="passwordTable" class="passwordtablestyle">
  </table>

  <div class="bottombuttonspacing">
    <button id="addAccount" type="button" title="If you use more than 1 account across site, then add more here."><img src="add_button.png" class="buttonicon"> Add more accounts</button>
  </div>

</section>

<section>
  During the beta test, save your passwords by having Chrome remember them or only use with sites that have recovery options.<br/><br/>
  If you find a site that does not like the passwords created by Password Mojo, please let us know!<br/><br/>
  <a id="contactlink" href="https://groups.google.com/d/forum/password-mojo" title="Join a discussion about this extension.">Discussion</a>
</section>

<span hidden>
  <!-- data to localize that's used by the jscript -->
  <input id="placeholderMessageId" value='** Fingerprint is hidden for security reasons **'>
  <input id="clearFingerprintMessageId" value='WARNING: Any and all passwords generated using this fingerprint WILL BE LOST by deleting it.\n\nTo continue deleting it, click OK'>
  <input id="hideFingerprintMessageId" value='WARNING: Backup this value before you hide it. Once it is hidden, you will not be able to access it again.             \n\nThe fingerprint is used to sync multiple machines.\n\nTo continue hiding it, click OK'>
</span>

<div class="bottomdiv">Version: 0.2.2</div></body>
</html>